$(function(){
    //全局的checkbox选中和未选中的样式
    var  $allCheckbox=$('input[type="checkbox"]'),  //全局的全部checkbox
         $wholeChexbox=$('.checkss'),               //全选的checkbox
         $kuang_m=$('.kuang_m'),                    //每个商铺的盒子
         $checks=$('.checks'),                       //每个商铺的checkbox
         $wan=$('.wan');                            //每个商铺下的商品的checkbox
    // $allCheckbox.on('click',function(){    //is() 方法用于查看选择的元素是否匹配选择器
    //     if($(this).is(':checked')){      //:checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）
    //         // console.log($(this).is(':checked')+"此时是选中状态")
    //     }else{
    //         // console.log($(this).is(':checked')+"此时是未选中状态")
    //     }
    // });
    //==================================全局全选与单个商品的关系========================================
    $wholeChexbox.on('click',function(){
        var $checkboxs=$kuang_m.find('input[type="checkbox"]');//find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。
        if($(this).is(':checked')){
            $checkboxs.prop("checked",true);     //prop() 方法设置或返回被选元素的属性和值。
            $wholeChexbox.prop("checked",true);
        }else{
            $checkboxs.prop("checked",false);
            $wholeChexbox.prop("checked",false);
        }
        totalmoney()
    });


    $wan.each(function(){
        $(this).on('click',function(){
            if($(this).is(':checked')){
                //判断：所有单个商品是否勾选
                var len=$wan.length;
                var num=0;
                $wan.each(function(){
                    if($(this).is(':checked')){
                        num++;
                    }
                });
                if(num==len){
                    $wholeChexbox.prop("checked",true);
                }
            }else{
                //单个商品取消勾选，全局取消勾选
                $wholeChexbox.prop("checked",false);
            }
        })
    })

     //=======================================每个店铺checkbox与全选checkbox的关系/每个店铺与其下商品样式的变化===================================================

    //店铺有一个未选中，全局全选按钮取消对勾，若店铺全选中，则全局全选按钮打对勾。
    $checks.each(function(){
        $(this).on('click',function(){
            if($(this).is(':checked')){
                //判断：店铺全选时，则全局全选选中
                var len=$checks.length;
                var num=0;
                $checks.each(function(){
                    if($(this).is(':checked')){
                        num++;
                    }
                });
                if(num==len){
                    $wholeChexbox.prop("checked",true);
                }

                //店铺下的checkbox选中状态
                $(this).parents('.kuang_m').find('.wan').prop("checked",true);    //parents() 方法返回被选元素的所有祖先元素。
            }else{
                //否则，全局全选按钮取消全选
                $wholeChexbox.prop("checked",false);

                //店铺下的checkbox选中状态
                $(this).parents('.kuang_m').find('.wan').prop("checked",false);
            }
            totalmoney()
        });
    });

    //========================================每个店铺checkbox与其下商品的checkbox的关系======================================================

    //店铺$sonChecks有一个未选中，店铺全选按钮取消选中，若全都选中，则全选打对勾
    $kuang_m.each(function(){
        var $this=$(this);
        var $sonwan=$this.find('.wan');
        $sonwan.each(function(){
            $(this).on('click',function(){
                if($(this).is(':checked')){
                    //判断：如果所有的$sonwan都为选中状态则店铺被选中
                    var len=$sonwan.length;
                    var num=0;
                    $sonwan.each(function(){
                        if($(this).is(':checked')){
                            num++;
                        }
                    });
                    if(num==len){
                       $(this).parents('.kuang_m').find('.checks').prop("checked",true); 
                    }
                }else{
                    //否则，取消店铺的全选
                    $(this).parents('.kuang_m').find('.checks').prop("checked",false); 
                }
                totalmoney();
            });
        });
    });


    //=====================================商品数量======================================
    var  $jian=$('.jian_m'),
         $jia=$('.jia_m'),
         $sum=$('.inp_m');
    $jia.on('click',function(){
        var $inputVal=$(this).prev('input'),   //prev() 方法返回被选元素的前一个同级元素。
            $count=parseInt($inputVal.val())+1,
        //  $obj=$(this).parents('.danjia_m').find('.jian_m'),
            $priceTotalObj=$(this).parents('.list_tag').find('.xiaoji_zong'),
            $price=$(this).parents('.list_tag').find('.danjia_shi_m').html(),  //单价
            $priceTotal=$count*parseInt($price.substring(0));    //substring() 方法用于提取字符串中介于两个指定下标之间的字符。
        $inputVal.val($count);
        $priceTotalObj.html($priceTotal);
        totalmoney();
    })

    $jian.on('click',function(){
        var $inputVal=$(this).next('input'),
            $count=parseInt($inputVal.val())-1,
            $priceTotalObj=$(this).parents('.list_tag').find('.xiaoji_zong'),
            $price=$(this).parents('.list_tag').find('.danjia_shi_m').html(),
            $priceTotal=$count*parseInt($price);
        if($inputVal.val()>1){
            $inputVal.val($count);
            $priceTotalObj.html($priceTotal);
        }
        if($inputVal.val()<=1){
            $('.tan_m').fadeIn()
            $('.tan_m').children().eq(0).fadeIn()
            $inputVal.val(1);
        } 
        totalmoney();
    })

    $sum.keyup(function(){
        var $count=0,
            $priceTotalObj=$(this).parents('.list_tag').find('.xiaoji_zong'),
            $price=$(this).parents('.list_tag').find('.danjia_shi_m').html(),
            $priceTotal=0;
        if($(this).val()==''){
            $(this).val('1')
        }
        $(this).val($(this).val().replace(/\D|^0/g,''))     //replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
        $count=$(this).val();
        $priceTotal=$count*parseInt($price);
        // $(this).attr('value',$count);
        $priceTotalObj.html($priceTotal);
        totalmoney();
    })
    //关闭模态框
    $('.guanbi_m').on('click',function(){
        $('.tan_m').fadeOut()
        $('.tan_m').children().fadeOut()
    })
    //=====================================收藏=========================================

    var $shou_m=$('.yiru_m')
    $shou_m.on('click',function(){
      $('.tan_m').fadeIn()
      $('.tan_m').children().eq(2).fadeIn()
    })


    //======================================移除商品========================================

    var $list_tag=null;
    var $count_m='';
    var yiru_m=null;
    $('.shanchu_m_s').on('click',function(){
        $list_tag=$(this).parents('.list_tag');
        $count_m=$list_tag.parents('.count_m');
        $('.tan_m').fadeIn()
        $('.tan_m').children().eq(3).fadeIn()
    });
    
    //确定按钮，删除商品
    $('#qrsc_m').on('click',function(){
        $list_tag.detach();
        if($count_m.children().length<=1){      //.trim() 函数用于去除字符串两端的空白字符。
            $count_m.detach();
        }
        $checks=$('.checks')
        if($checks.length<=0){
            $('.go_to_m').detach()
            $('.zhu_m').show()
        }
        $wan=$('.wan')
        autoheigth()
        totalmoney();
    })

      // 修改优惠
    $(function(){
        var $hover=$('.gou_tab li')
       $hover.on('click',function(){
           $(this).addClass('tab_one').siblings().removeClass('tab_one')     
        })
        $('.jiage .youhui').on('click',function(){
            $(this).children().eq(1).slideDown(function(){
                $('.jiage .youhui').on('mouseleave',function(){
                    $('.youhui_m').slideUp()
                })
            })
        })
    })
    var youhu_m=$('.youhui_m li')
        youhu_m.hover(function(){
            $(this).css({'background':'rgba(255,0,0,0.1)'})
        },function(){
            $(this).css({'background':''})
        })

    //点击收藏
    var $shou_m=$('.yiru_m')
    $shou_m.on('click',function(){
      $('.tan_m').fadeIn()
      $('.tan_m').children().eq(2).fadeIn()
    })
    //点击去结算
    var jiesuans=$('#jiesuan')
    jiesuans.click(function(){
         var ss=$('#total_count').html()
        if(ss==0){
            $('.tan_m').fadeIn()
            $('.tan_m').children().eq(4).fadeIn()
        }
    })
    //===============================总计=======================================

    function totalmoney(){
        var total_money=0;
        var total_count=0;
        var jiesuan=$('#jiesuan');
        $wan.each(function(){
            if($(this).is(':checked')){
                var goods=parseInt($(this).parents('.list_tag').find('.xiaoji_zong').html());
                var num_count=parseInt($(this).parents('.list_tag').find('.inp_m').val());
                total_money+=goods;
                total_count+=num_count;
            }
        });
        $('#total_money').html(total_money);
        $('#total_count').html(total_count);
        if(total_money!=0 && total_count!=0){
            jiesuan.css({'background':'red'});
        }else{
            jiesuan.css({'background':'#B0B0B0'});
        }
    }
    $(window).scroll(function(){
        autoheigth()
    }) 
    function autoheigth(){
        var xiankuan=$wan.length*170;
        var script_m=$(document).scrollTop()
        var zi_height=$(window).height()
        if(script_m>=xiankuan-800|| xiankuan<=zi_height-250){
            $('.remove_m').removeClass('remove_m')
        }else{
            $('.go_to_m').addClass('remove_m')
        }
    }      
})